<html>
	<head>
		<title>less demo</title>
		<link rel="stylesheet/less" type="text/css" href="style.less">
	</head>

	<body>
		<div class="box">
			111111111
			<div>22222222</div>
		</div>
		<div id="menu" >
			<a href="">menu a1</a>
			<a href="">menu a2</a>
		</div>
		<div class="post" >
			<a href="">post a1</a>
			<a href="">post a2</a>
		</div>
		<div id="header">
			<div class="navigation">navigation class</div>
			<div class="logo">logo</div>
		</div>



<script type="text/javascript" src="less.min.js"></script>

<script>
  less = {
    env: "development",
    async: false,
    fileAsync: false,
    poll: 1000,
    functions: {},
    dumpLineNumbers: "comments",
    relativeUrls: false,
    rootpath: ":/a.com/"
  };
</script>
	</body>
</html>